/* 首页样式 */

/* 头部 */
.header_con{
	height: 20px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #ddd;
}
.header{
	width: 1200px;
	height: 20px;
}
.welcom,.login_info,.login_btn,.user_link{
	height: 20px;
}
.login_info{
	display: none;  /* 隐藏 且不占文档流 */
}
.login_info em{
	color: #F80;
}
.login_btn a,.user_link a{
	color: #666;
}
.login_btn a:hover,.user_link a:hover{
	color: #F80;
}
.header span{
	color: #CECECE;
	margin: 0 10px;
}


/* 搜索框和小购物车样式 */
.search_bar{
	width: 1200px;
	height: 115px;
}
.logo{
	margin: 30px 0 0 15px;
}
.search_con{
	width: 616px;
	height: 38px;
	border: 1px solid #39A93E;
	margin: 40px 0 0 120px;
	background: url(../images/icons.png) no-repeat 10px -336px;
}
.search_con .input_text{
	width: 470px;
	height: 34px;
	border: none;
	margin: 2px 0 0 36px;
}
.search_con .input_btn{
	width: 100px;
	height: 38px;
	background-color: #37AB40;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
}

/* 小购物车 */
.guest_cart{
	width: 200px;
	height: 40px;
	margin-top: 40px;
}
.guest_cart .cart_name{
	display: block;
	width: 153px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #DDD;
	background: url(../images/icons.png) no-repeat 13px -300px;
	text-indent: 56px;
	color: #37AB40;
}
.guest_cart .goods_count{
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	background-color: #F80;
	color: #FFF;
}

/* 全部商品分类 */
.navbar_con{
	height: 40px;
	border-bottom: 2px solid #39A93E;
}
.navbar{
	width: 1200px;
}
.navbar h1{
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #39A93E;
	color: #FFF;
	font-size: 22px;
}
.navlist{
	margin-left: 35px;
}

.navlist li{
	float: left;
	height: 40px;
	line-height: 40px;
}
.navlist li a:hover{
	color: #F80;
}
.interval{
	margin: 0 15px;
}

/* 导航栏样式 */
.center_con{
	width: 1200px;
	height: 270px;
}
/* 左侧列表 */
.subnav{
	width: 198px;
	height: 270px;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
}
.subnav li{
	height: 44px;
	border-bottom: 1px solid #EEE;
}
.subnav li a{
	display: block;
	height: 44px;
	line-height: 44px;
	text-indent: 70px;
	color: #333;
	background: url(../images/icons.png) 28px 0  no-repeat #FFF;
}
.subnav li a:hover{
	color: #F80;
}
/* 精灵图 背景定位 */
.subnav .fruit{
	
}
.subnav .seafood{
	background-position: 28px -43px;
}
.subnav .meet{
	background-position: 28px -86px;
}
.subnav .egg{
	background-position: 28px -129px;
}
.subnav .vegetables{
	background-position: 28px -174px;
}
.subnav .ice{
	background-position: 28px -218px;
}

/* 轮播图 */
.slide{
	width: 760px;
	height: 270px;
	position: relative;/* 相对定位 */
	overflow: hidden;/* 超出部分隐藏 */
}
.slide .slide_pics li{
	width: 760px;
	height: 270px;
	position: absolute; /* 绝对位置  */
	left: 0;
	top: 0;
}
/* 左右轮播箭头 */
.slide .prev,.slide .next{
	width: 17px;
	height: 23px;
	background: url(../images/icons.png) no-repeat left -388px;
	position: absolute;
	left: 11px;
	top: 122px;
}
.slide .next{
	/* 背景偏移 居左向上  -428px */
	background-position: left -428px;
	left: 732px;
}
/* 小圆点 */
.points{
	width: 100%;
	height: 11px;
	position: absolute;
	left: 0px;
	top: 250px;
	text-align: center;
}
.points li{
	display: inline-block; /* 行内块 设置大小 一行显示 */
	width: 11px;
	height: 11px;
	margin: 0 5px;
	background-color: #9F9F9F;
	border-radius: 50%;/* 圆形 */
	cursor: pointer; /* 手型 */
}
.points li .active{
	background-color: #ECECEC;
}

/* 活动宣传图 */
.adv{
	/* width: 240px; */
	height: 270px;
}
.adv a{
	display: block;
	width: 110px;
	height: 135px;
}
/* 商品显示区域 */
.list_model{
	width: 1200px;
	/* height: 680px; */
	margin: 15px auto;
}
.list_title{
	height: 40px;
	border-bottom: 2px solid #42AD46;
}
.list_title h3{
	height: 40px;
	line-height: 40px;
	color: #37AB40;
}
.list_title .subtitle{
	height: 40px;
	line-height: 40px;
}
.list_title .subtitle span{
	color: #666;
	margin: 0 10px 0 20px;
}
.list_title .subtitle a{
	color: #666;
	margin: 0 5px;
}
.subtitle a:hover,.good_more a:hover{
	color: #F80;
}
.good_more{
	color: #666;
	display: block;
	height: 40px;
	line-height: 40px;
}

/* 商品 */
.goods_con{
	height: 300px;
}
.goods_banner,.goods_banner img{
	width: 200px;
	height: 300px;
}
.goods_list{
	width: 1000px;
	height: 299px;
	border-bottom: 1px solid #EDEDED;
}
.goods_list li{
	float: left;
	height: 298px;
	width: 247px;
	border-right: 1px solid #EDEDED;
	text-align: center;
}
.goods_list li:hover{
	height: 298px;
	width: 248px;
	border: 1px solid gold;
}
.goods_list li:hover img{
	opacity: 0.8; /* 透明度 */
}
.goods_list li h4{
	width: 200px;
}
.goods_list li h4 a{
	display: block;
	height: 50px;
	line-height: 50px;
	color: #666;
	font-weight: normal;
}
.goods_list li h4 a:hover{
	color: #F80;
}
.goods_list li a,.goods_list li a img{
	display: block;
	width: 180px;
	height: 180px;
}
.goods_list li .price,.goods_list li .price span{
	font-size: 20px;
	color: #c40;
	margin-top: 20px;
}